Ext.define('Zm.view.x3d.View', {
    extend: 'Ext.container.Container',
    alias: 'widget.x3dcontainer',
    uses:[
        'Zm.i18n.Lang',
        'Zm.view.x3d.X3dView',
        'Zm.view.x3d.Property',
        'Zm.view.line.Property',
        'Zm.view.line.Pointset'
    ],
    initComponent: function() {
        var me = this,
            lang = Zm.i18n.Lang;
        Ext.apply(me,{
            layout:{
                type:'border'
            },
            items:[{
                xtype:'x3dview',
                region:'center'
            },{                
                xtype:'panel',
                layout:'border',
                itemId:'epanel',
                border:false,
                width:230,
                split: true,
                collapsible: true,
                stateId:'property',
                stateful:true,
                collapsed:true,
                region:'east',
                items:[{
                    xtype:'x3dproperty',
                    region:'center',
                    flex:2
                },{
                    xtype:'lineproperty',
                    region:'south',
                    flex:1,
                    hidden:true
                },{
                    xtype:'linepointset',
                    region:'south',
                    flex:1,
                    hidden:true
                }]
            }]
        });
        
        me.callParent(arguments);
    },
});
